.editor {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  height: calc(100vh - 137px);
  background: #fff;
  :global {
    .antd-pro-pages-editor-flow-index-editorBd,
    .antd-pro-pages-editor-flow-index-editorContent,
    .antd-pro-pages-editor-flow-index-flow,
    .antd-pro-pages-editor-flow-index-editorSidebar {
      height: 100%;
      min-height: 0;
    }
  }
}
.handle {
  right: -42px;
  font-size: 14px;
  color: #fff;
  padding: 0 4px;
  font-weight: 500;
  width: 35px;
  text-align: center;
  height: 158px;
  background: #00a0e9;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  pointer-events: auto;
  position: absolute;
  top: 240px;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.toolbar-wrap {
  width: 100%;
  height: 42px;
  flex: 0 0 auto;
}
.drawer-wrap {
  :global {
    .ant-drawer-mask {
      background-color: rgba(0, 0, 0, 0);
    }
  }
}
.fullscreen {
  height: 100vh;
}

.editorHd {
  padding: 8px;
  border: 1px solid #e6e9ed;
}

.editorBd {
  flex: 1;
}

.editorSidebar,
.editorContent {
  display: flex;
  flex-direction: column;
}

.editorSidebar {
  background: #fafafa;

  &:first-child {
    border-right: 1px solid #e6e9ed;
  }

  &:last-child {
    border-left: 1px solid #e6e9ed;
  }
}

.flow,
.mind,
.koni {
  flex: 1;
}
